/* @mainColor: */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    user-select: none;
}

body {
    color: #f2f6fc;
    font-family: "Lucida Calligraphy", cursive, serif, sans-serif;
}



img {
    display: block;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #f2f6fc;
}

ol,
ul,
li {
    list-style: none;
}

.el-tabs--border-card,
.el-tabs__nav-scroll,
.el-tabs__nav-wrap.is-scrollable {
    background: #333333;
    border: none
}

.el-tabs--border-card {
    box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.217), 0 0 6px 0 rgba(255, 255, 255, 0.217);
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #ffcff1;
    background-color: #213d47;
    border: none;
}

.vip {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    background: #e65c00;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right,
            #f9d423,
            #e65c00);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right,
            #f9d423,
            #e65c00);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}


.Notice {
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}

.drawer-bg {
    background: linear-gradient(to top, #2c5364, #203a43, #0f2027);
}

input.custom_ipt {
    height: 0.7rem;
    outline: none;
    border: 0;
    padding: 0.05rem 0;
    padding-left: 0.1rem;
    background-color: rgba(103, 103, 103, 0.5);
    color: #fff;
    padding: 0.1rem;
    padding-left: 0.2rem;
    border-radius: 0.05rem;
}

input.custom_ipt:focus {
    background-color: rgba(103, 103, 103, 0.8);
}